<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>shopping trolley</title>
    <link rel="stylesheet" href="../css/shopping trolley.css" />
    <link rel="stylesheet" href="../font/iconfont.css" />
    <link rel="stylesheet" href="../font_2520519_h1rmxotes3i/iconfont.css" />
    <script src="../js/shopping trolley.js" type="module"></script>
  </head>
  <body>
    <!-- 右侧固定 -->
    <div class="fix">
      <div class="nav nav-che">
        <span class="iconfont icon-gouwuche"></span>
        <p>购物车</p>
      </div>
      <div class="nav">
        <span class="iconfont icon-kefu-copy"></span>
        <p>在线客服</p>
      </div>
      <div class="nav">
        <span class="iconfont icon-RectangleCopy"></span>
        <p>自助服务</p>
      </div>
    </div>
    <!-- 头部 -->
    <header>
      <div class="header-cen">
        <ul class="header-ul1">
          <li><a href="./index.html">首页</a></li>
          <li><a href="javaScript:;">华为官网</a></li>
          <li><a href="javaScript:;">花粉俱乐部</a></li>
          <li><a href="javaScript:;">V码(优码购)</a></li>
          <li><a href="javaScript:;">企业购</a></li>
          <li><a href="javaScript:;">Select Region</a></li>
          <li class="first-li">
            <a href="javaScript:;" class="header-ul1-last">更多精彩 <span class="iconfont icon-xiala"></span></a>
            <div class="drop1">
              <ul>
                <li><a href="javaScript:;">EMUI</a></li>
                <li><a href="javaScript:;">应用市场</a></li>
                <li><a href="javaScript:;">华为终端云空间</a></li>
                <li><a href="javaScript:;">开发者联盟</a></li>
              </ul>
            </div>
          </li>
        </ul>
        <ul class="header-ul2">
          <li>
            <a href="javaScript:;">回****** <span class="iconfont icon-xiala"></span></a>
          </li>
          <li><a href="javaScript:;">我的订单</a></li>
          <li class="li1">
            <a href="javaScript:;">客户服务 <span class="iconfont icon-xiala"></span></a>
            <div class="drop2">
              <ul>
                <li><a href="javaScript:;">服务中心</a></li>
                <li><a href="javaScript:;">联系我们</a></li>
              </ul>
            </div>
          </li>
          <li class="li2">
            <a href="javaScript:;">网站导航 <span class="iconfont icon-xiala"></span></a>
            <div class="drop3">
              <div class="div1">
                <span class="iconfont icon-shouye"></span>
                <p><a href="javaScript:;" class="a">商城首页</a></p>
              </div>
              <div>
                <p class="div-p">频道</p>
                <ul>
                  <li><a href="javaScript:;">华为专区</a></li>
                  <li><a href="javaScript:;">企业购</a></li>
                  <li><a href="javaScript:;">教育优惠</a></li>
                </ul>
              </div>
              <div>
                <p class="div-p">产品</p>
                <ul>
                  <li><a href="javaScript:;" class="phone">手机</a></li>
                  <li><a href="javaScript:;">笔记本</a></li>
                  <li><a href="javaScript:;" class="ban">平板</a></li>
                  <li><a href="javaScript:;">智能穿戴</a></li>
                  <li><a href="javaScript:;">智能家居</a></li>
                  <li><a href="javaScript:;">智慧屏</a></li>
                  <li><a href="javaScript:;">耳机音箱</a></li>
                  <li><a href="javaScript:;">热销配件</a></li>
                  <li><a href="javaScript:;">生态产品</a></li>
                  <li><a href="javaScript:;">增值服务</a></li>
                </ul>
              </div>
              <div>
                <p class="div-p">增值服务</p>
                <ul>
                  <li><a href="javaScript:;">以旧换新</a></li>
                  <li><a href="javaScript:;">补购保障</a></li>
                  <li><a href="javaScript:;">一口价换电池</a></li>
                </ul>
              </div>
              <div>
                <p class="div-p">会员</p>
                <ul>
                  <li><a href="javaScript:;">会员频道</a></li>
                </ul>
              </div>
            </div>
          </li>
          <li class="li3">
            <a href="javaScript:;" class="header-ul1-li3">手机版 <span class="iconfont icon-xiala"></span></a>
            <div class="drop4">
              <div>
                <div class="drop4-img"><img src="../images/chat1.png" alt="" /></div>
                <div class="drop4-text">
                  <p class="p1">华为商城APP</p>
                  <p class="p2">新人专享好礼</p>
                  <p class="p2">最高5000积分</p>
                  <img src="../images/pic1.png" alt="" />
                </div>
              </div>
              <div>
                <div class="drop4-img"><img src="../images/chat2.png" alt="" /></div>
                <div class="drop4-text">
                  <p class="p1">华为商城公众号</p>
                  <p class="p3">微信扫一扫</p>
                  <img src="../images/pic.png" alt="" />
                </div>
              </div>
              <div>
                <div class="drop4-img"><img src="../images/chat3.png" alt="" /></div>
                <div class="drop4-text">
                  <p class="p1">微信小程序</p>
                  <img src="../images/pic.png" alt="" />
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </header>
    <!-- 头部2 -->
    <div class="header2">
      <div class="header2-c">
        <div class="header-left">
          <img src="../images/logo3.png" alt="" />
        </div>
        <div class="header-min">我的购物车</div>
        <div class="header-right">
          <img src="../images/liucheng.png" alt="" />
        </div>
      </div>
    </div>
    <!-- 购物车 -->
    <div class="con">
      <div class="con1">
        <div class="con1-1"><input type="checkbox" class="checkbox checkbox1" /></div>
        <span class="con1-2"> 全选</span>
        <span class="con1-3">
          <ul>
            <li>商品</li>
            <li>单价</li>
            <li>数量</li>
            <li>小计</li>
            <li>操作</li>
          </ul>
        </span>
      </div>
      <div id="main">
        <!-- <div class="con2">
          <div class="con2-1"><input type="checkbox" class="checkbox" /></div>
          <div class="con2-2">
            <img src="../images/con9-pic8.jpg" alt="" />
            <ul>
              <li>
                <p class="con2-p1">华为智能体脂秤 3 雅致白 14项身体数据 对标DEXA金标准 WiFi&amp;蓝牙双连接</p>
                <p class="con2-p2">雅致白</p>
              </li>
              <li>
                <div class="con2-price">
                  <span>¥&nbsp;169.00</span>
                </div>
              </li>
              <li>
                <div class="con2-num">
                  <button class="odd odd1">-</button>
                  <input type="text" class="num num1" value="1" />
                  <button class="add add1">+</button>
                </div>
              </li>
              <li class="price-total">¥&nbsp;169.00</li>
              <li>
                <a href="javascript:;" class="con2-del">删除</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="con2">
          <div class="con2-1"><input type="checkbox" class="checkbox" /></div>
          <div class="con2-2">
            <img src="../images/con9-pic7.jpg" alt="" />
            <ul>
              <li>
                <p class="con2-p1">华为儿童手表 3 Pro（星云粉）视频通话 高清拍照 九重定位 4G全网通学生电话手表</p>
                <p class="con2-p2">星云粉</p>
              </li>
              <li>
                <div class="con2-price">
                  <span>¥&nbsp;798.00</span>
                </div>
              </li>
              <li>
                <div class="con2-num">
                  <button class="odd odd2">-</button>
                  <input type="text" class="num num2" value="1" />
                  <button class="add add2">+</button>
                </div>
              </li>
              <li class="price-total">¥&nbsp;169.00</li>
              <li>
                <a href="javascript:;" class="con2-del">删除</a>
              </li>
            </ul>
          </div>
        </div> -->
      </div>
      <div class="con3">
        <div class="con3-left">
          <div class="con3-1"><input type="checkbox" class="checkbox checkbox2" /></div>
          <span class="con3-2"> 全选</span>
          <span class="con3-3"><a href="javascript:;"> 删除</a></span>
        </div>
        <div class="con3-right">立即结算</div>
        <div class="con3-min">
          <div class="min-top">
            <span class="span1">总计</span>
            <span class="span2">¥&nbsp;：0.00</span>
            <span class="iconfont icon-iconfontgantanhao">
              <span class="text">不含运费</span>
            </span>
          </div>
          <div class="min-btm">
            <span class="span3">已选择</span>
            <span class="span4"> 0 </span>
            <span class="span3">件商品，优惠:</span>
            <span class="span5"> ¥ 0.00</span>
          </div>
        </div>
      </div>
    </div>

    <!-- 底部 -->
    <footer>
      <div class="footer-cen">
        <div class="btm1">
          <ul class="btn-list">
            <li><span class="s1"></span>百强企业 品质保证</li>
            <li><span class="s2"></span>7天退货 15天退换</li>
            <li><span class="s3"></span>48元起免运费</li>
            <li><span class="s4"></span>2000家服务店 全国联保</li>
          </ul>
        </div>
        <div class="btm2">
          <div class="btm2-l">
            <ul>
              <li class="first">购物相关</li>
              <li><a href="#">购物指南</a></li>
              <li><a href="#">配送方式</a></li>
              <li><a href="#">支付方式</a></li>
              <li><a href="#">常见问题</a></li>
            </ul>
            <ul>
              <li class="first">保修和退换货</li>
              <li><a href="#">保修政策</a></li>
              <li><a href="#">退换货政策</a></li>
              <li><a href="#">保修状态查询</a></li>
              <li><a href="#">配件防伪查询</a></li>
            </ul>
            <ul>
              <li class="first">维修与技术支持</li>
              <li><a href="#">服务店</a></li>
              <li><a href="#">预约维修</a></li>
              <li><a href="#">手机寄修</a></li>
              <li><a href="#">备件价格查询</a></li>
              <li><a href="#">上门服务</a></li>
            </ul>
            <ul>
              <li class="first">特色服务</li>
              <li><a href="#">防伪查询</a></li>
              <li><a href="#">补购保障</a></li>
              <li><a href="#">以旧换新</a></li>
              <li><a href="#">礼品包装</a></li>
            </ul>
            <ul>
              <li class="first">关于我们</li>
              <li><a href="#">公司介绍</a></li>
              <li><a href="#">华为商城简介</a></li>
              <li><a href="#">华为零售店</a></li>
              <li><a href="#">商家中心</a></li>
              <li><a href="#">意见反馈</a></li>
            </ul>
            <div class="double">
              <p class="sec">
                友情链接
                <span class="iconfont icon-zuojiantou"></span>
                <span class="iconfont icon-youjiantou"></span>
              </p>
              <ul class="ul1">
                <li><a href="#">华为集团</a></li>
                <li><a href="#">华为CBG官网</a></li>
                <li><a href="#">花粉俱乐部</a></li>
                <li><a href="#">华为云</a></li>
                <li><a href="#">华为应用市场</a></li>
              </ul>
              <ul class="teshu">
                <li><a href="#">华为心声社区</a></li>
                <li><a href="#">华为海洋</a></li>
              </ul>
            </div>
          </div>
          <div class="btm2-r">
            <div class="btm2-r-top">
              <h3>950805</h3>
              <p>7x24小时客服热线（仅收市话费）</p>
              <div class="serve"><span class="iconfont icon-kefu-copy"></span>在线客服</div>
            </div>
            <div class="btm2-r-btm">
              <div class="call">
                关注Vmall：
                <span class="iconfont icon-weixin wechat"></span>
                <span class="iconfont icon-toutiaoyangshi"></span>
                <span class="iconfont icon-tubiaozhizuo-"></span>
                <span class="iconfont icon-baidu"></span>
                <div class="pic"><img src="../images/wechat.png" alt="" /></div>
              </div>
            </div>
          </div>
        </div>
        <div class="btm3">
          <div class="btm3-logo">
            <img src="../images/logo1.png" alt="" title="华为商城" />
          </div>
          <div class="btm3-text">
            <ul>
              <li><a href="javaScript:;">华为集团</a></li>
              <li><a href="javaScript:;">华为CBG官网</a></li>
              <li><a href="javaScript:;">花粉俱乐部</a></li>
              <li><a href="javaScript:;">华为应用市场</a></li>
              <li><a href="javaScript:;">EMUI</a></li>
              <li><a href="javaScript:;">华为终端云空间</a></li>
              <li><a href="javaScript:;">开发者联盟</a></li>
              <li><a href="javaScript:;">华为商城手机版</a></li>
              <li><a href="javaScript:;">网站地图</a></li>
            </ul>
            <p class="p1">
              <a href="javaScript:;">隐私声明</a>
              <a href="javaScript:;">服务协议</a>
              <a href="javaScript:;">COOKIES</a>
              <span> Copyright © 2012-2021 华为终端有限公司 版权所有 </span>
              <a href="javaScript:;">粤ICP备19015064号</a>
              <span> | </span>
              <a href="javaScript:;">粤公网安备 44190002003939号</a>
            </p>
            <p class="p1">
              <span>增值电信业务经营许可证：粤B2-20190762 | 备案主体编号：44201919072182 粤新出网备（2021）2号</span>
            </p>
            <p class="p1">
              <a href="javaScript:;">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>
              <span> | 粤东食药监械经营备20203930</span>
            </p>
          </div>
          <div class="warrant">
            <a href="https://res.vmallres.com/pimages/sale/2019-04/Vhy8y3yxVJXg0FE74dh0.png" target="_blank">
              <img src="../images/zhizhao.png" alt="营业执照" title="营业执照" />
            </a>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>
